@charset "UTF-8";
html{height:100%;-webkit-transition: all 200ms;}
body{margin: 0 auto;height:100%;width:100%;-webkit-transition: all 200ms;}
.top{width:100%;height:60px;background: #BDBDBD; position: absolute;z-index: 99;}
.topleft{height:60px;width:200px;line-height:60px;color: black;font-size:18px;text-align:center;border-right: 1px solid white;float: left;}
.left{width:200px;height:100%;padding-top:60px;margin: 0 auto;background: url(../image/qybg.jpg); background-size: cover;position: absolute;top:0;left:0px;z-index: 1;float: left;}
.left div{width:100%;height:60px;line-height:60px;text-align:center;color: blue ;font-size:16px;cursor: pointer;position: relative;-webkit-transition: all 200ms;}
.left div:hover{background: #A0C9ED;}
.shift{position: absolute;width:5px;height:60px;background:red; left: 195px;float: right;top:0px;-webkit-transition: all 200ms;}
.right{position: absolute;width:100%;height:100%;padding:60px 0px 0px 200px;background: #f8f8f8;}
.right-padding-cominfo,.right-padding-money,.right-padding-log,.right-padding-rate,.right-padding-cs{padding:10px;display: none;}
.topright{width:auto;height:60px;float: right;}
.topright div{float: left;width:auto;height: 100%;line-height:30px;text-align: center; font-size:16px;padding:15px;}
.comname{color: red; font-weight: 666;}